import 'package:flutter/material.dart';

class AutomaticNotchShapePage extends StatefulWidget {
  @override
  _AutomaticNotchShapePageState createState() =>
      _AutomaticNotchShapePageState();
}

class _AutomaticNotchShapePageState extends State<AutomaticNotchShapePage> {
  int _currentIndex = 0;

  BottomNavigationBarItem barItem(
      String title, IconData iconData, bool isSelected) {
    return BottomNavigationBarItem(
      icon: Icon(
        iconData,
        color: isSelected ? Colors.blue : Colors.grey,
      ),
      title: Text(
        title,
        style: TextStyle(
          color: isSelected ? Colors.blue : Colors.black,
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
    bottomNavigationBar: BottomAppBar(
        color: Colors.blue,
        shape: AutomaticNotchedShape(BeveledRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(20))),BeveledRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(20)))),
        child: Container(height: 44,),
      ),
    floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
    floatingActionButton: FloatingActionButton(
        child: Icon(
            Icons.add,
            size: 32.0,
        ),
        onPressed: () {
        
        },
    ),
);
  }
}
